<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
-----------  增加  ----------
<br>
    今天是个好日子呢，不打算陪女朋友吗！！！
    <div id="parent">
        我是父元素的文本
        <br/>
        <span>
        我是子元素
        </span>
    </div>
    <button id="btnCopy">复制</button>
<br/>
----------  删 改  -----------

    <div id="child">
        要被添加的节点
    </div>
    <br/>
    <br/>
    <br/>
    <div id="parent">
        要移动的位置
    </div>        
    <input id="btnMove" type="button" value="移动节点" />
<br>
------------------
<div id="parent">
    父节点
    <div id="child">子元素</div>
</div>
<input type="button" id="insertNode" value="插入节点" />

<br>
---------查 ---------
<div>div1</div>
<div>div2</div>

<input type="button" value="显示数量" id="btnShowCount"/>
<input type="button" value="新增div" id="btnAddDiv"/>    


<br>
---------  元素属性型操作  ---------






</body>
<script src="./js.js"></script>
</html>